<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<!--
		节点
		node是构成网页最基本的组成部分，网页仲的每一部分都可以称为节点，列如HTML标签,属性，文本，注释，整个文档等都是一个节点。
		常用节点分为四类
		文档节点:整个HTML文档
		元素节点:HTML文档中的HTML标签
		属性节点:元素的属性
		文本节点:HTML标签中的文本内容

		元素节点(Element)
		document.getElementByld()
		根据id属性值获取一个元素节点对象


		文本节点(Text)
		元素节点.flistChild
		获取元素节点的第一个子节点，一般为文本节点

		属性节点(attr)
		元素节点。getAttributeNode("属性名")
		注意：我们一般不使用属性节点

		获取元素节点
		getElementByld
		通过id属性获取一个元素节点对象

		getElementsByTagName()
		通过标签名获取一组元素节点对象

		getElementsByName()
		通过name属性获取一组元素节点对象


		获取元素节点的子节点

		getElementsByTagName()
		返回当前节点的指定标签名后代节点

		childNodes
		表示当前节点的所有子节点

		firstChild
		表示当前节点的第一个子节点

		lastChild
		表示当前节点的最后一个子节点


		元素节点的属性

		element.id
		element.className
		获取，元素对象，属性名


		其他属性
		nodeVlue
		文本节点可以通过nodeVlue属性获取和设置
		文本节点的内容
		innerHTML
		元素节点通过该属性获取和设置标签内部的html代码


		使用css选择器进行查询
		querySelector()
		querySelectorAll()

		querySelector()只会返回找到第一个元素，而querySelectorAll()会返回所有符合条件的元素



		节点的修改
		创建节点
		document.createElement(标签名)

		
		删除节点
		父节点.removeChild(子节点)

		替换节点
		父节点.replaceChild(新节点，旧节点)

		插入节点
		父节点.appendChild(子节点)
		父节点.insertBefore(新节点，旧节点)


	-->
</body>
</html>